<!DOCTYPE html>

<html class="app-ui">

	<head>
		<!-- Meta -->
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />

		<!-- Document title -->
		<title>Forms &ndash; Validation</title>

		<meta name="description" content="AppUI - Admin Dashboard Template & UI Framework" />
		<meta name="author" content="rustheme" />
		<meta name="robots" content="noindex, nofollow" />

		<!-- Favicons -->
		<link rel="apple-touch-icon" href="assets/img/favicons/apple-touch-icon.png" />
		<link rel="icon" href="assets/img/favicons/favicon.ico" />

		<!-- Google fonts -->
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,900%7CRoboto+Slab:300,400%7CRoboto+Mono:400" />

		<!-- AppUI CSS stylesheets -->
		<link rel="stylesheet" id="css-font-awesome" href="assets/css/font-awesome.css" />
		<link rel="stylesheet" id="css-ionicons" href="assets/css/ionicons.css" />
		<link rel="stylesheet" id="css-bootstrap" href="assets/css/bootstrap.css" />
		<link rel="stylesheet" id="css-app" href="assets/css/app.css" />
		<link rel="stylesheet" id="css-app-custom" href="assets/css/app-custom.css" />
		<!-- End Stylesheets -->
	</head>

	<body class="app-ui layout-has-drawer layout-has-fixed-header">
		<script type="text/javascript" src="assets/js/jquery.min.js"></script>
		<script type="text/javascript" src="assets/js/address.js"></script>

		<script type="text/javascript">
			$(function() {
				var testurl = "http://localhost:6200/";
				var token = sessionStorage.getItem("token");
				//var schId=parseInt(sessionStorage.getItem("schId"));
				var graId = sessionStorage.getItem("graId");
                var insert = sessionStorage.getItem("insert");
				// sessionStorage.removeItem("insert");
				
				if (insert == null || insert == "") {
					selectGradeByGraId(); //修改前数据回显
					/* sessionStorage.removeItem("insert");
					alert(insert); */
					$("#updategrade").attr("style","display:hidden");
					$("#updateClaState").attr("style","display:hidden");
				}else{
					$("#insertgrade").attr("style","display:hidden");
				}



				function selectGradeByGraId() {


					$.ajax({
						headers: {
							"token": token
						},
						type: "get",
						//data:{_method:put},
						//数据，json字符串,规定连同请求发送到服务器的数据
						data: {
							graId: graId
						},
						url: testurl + "gradeManage/selectGradeByGraId",
						contentType: "application/x-www-form-urlencoded",
						success: function(data) {
							
							if (data.code == 1001) {
								alert(data.message);
								data = data.uGrade;
								//alert(data.schState);
								alert(data);
								$("#graNm").val(data.graNm);
								//获取select 选中的 text : $("#ddlRegType").find("option:selected").text();
								$("#schId").val(data.schId);
								$("#schNm").val(data.schNm);
								$("#graState").find("option:selected").val(data.graState);

								//alert($("#schState").find("option:selected").val() );												
							}
						},
						//请求失败，包含具体的错误信息
						error: function(e) {
							alert(":)");
						}
					});
				};

				$("#updategrade").click(function() {
					alert("修改");
					 $.ajax({
						headers: {
							"token": token
						},
						type: "put",
						//data:{_method:put},
						//数据，json字符串,规定连同请求发送到服务器的数据
						data: {
							//uSchool:uSchool
							graId: graId,
							graNm: $("#graNm").val(),
							schId: $("#schId").val(),
							schNm: $("#schNm").val(),
							graState: $("#graState").find("option:selected").val()
						},
						url: testurl + "gradeManage/updateGrade",
						contentType: "application/x-www-form-urlencoded",
						success: function(data) {
							if (data.code == 1001) {
								alert("修改成功");
								window.location.href = "gradeManager.html";
							}
						},
						//请求失败，包含具体的错误信息
						error: function(e) {
							alert(":)");
						}
					}); 
					return false;
				});
				
				$("#updateClaState").click(function() {
					alert("重置状态为正常");
					 $.ajax({
						headers: {
							"token": token
						},
						type: "put",
						//data:{_method:put},
						//数据，json字符串,规定连同请求发送到服务器的数据
						data: {
							//uSchool:uSchool
							graId: graId,
							graState: 1
						},
						url: testurl + "gradeManage/updateGradeState",
						contentType: "application/x-www-form-urlencoded",
						success: function(data) {
							if (data.code == 1001) {
								alert("重置成功");
								window.location.href = "gradeManager.html";
							}
						},
						//请求失败，包含具体的错误信息
						error: function(e) {
							alert(":)");
						}
					}); 
					return false;
				});
				




				//新增
                  $("#insertgrade").click(function() {
					   $.ajax({
						headers: {
							"token": token
						},
						type: "post",
						//data:{_method:put},
						//数据，json字符串,规定连同请求发送到服务器的数据
						data: {
							graId: graId,
							graNm: $("#graNm").val(),
							schId: $("#schId").val(),
							schNm: $("#schNm").val(),
							graState: $("#graState").find("option:selected").val()
						},
						url: testurl + "gradeManage/insertGrade",
						contentType: "application/x-www-form-urlencoded",
						success: function(data) {
							if (data.code == 1001) {
								alert("新增成功");
								window.location.href = "gradeManager.html";
							}
						},
						//请求失败，包含具体的错误信息
						error: function(e) {
							alert(":)");
						}
					});
					return false;
				});

			})
		</script>
		<div class="app-layout-canvas">
			<div class="app-layout-container">

				<!-- Drawer -->
				<aside class="app-layout-drawer">

					<!-- Drawer scroll area -->
					<div class="app-layout-drawer-scroll">
						<!-- Drawer logo -->
						<div id="logo" class="drawer-header">
							<a href="index.html">
								<h4 style=" text-align:center">云阅卷</h4>
							</a>
						</div>

						<!-- Drawer navigation -->
						<nav class="drawer-main">
							<ul class="nav nav-drawer">


								<li class="nav-item nav-drawer-header">菜单导航</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-calculator-outline"></i>考试管理</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="examList.html">考试列表</a>
										</li>

										<li>
											<a href="createExam.html">创建考试</a>
										</li>
									</ul>
								</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-compose-outline"></i> 在线阅卷</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="examSetting.html">阅卷设置</a>
										</li>

										<li>
											<a href="examPapers.html">我要阅卷</a>
										</li>

										<li>
											<a href="examProblemPapers.html">问题卷处理</a>
										</li>
										<li>
											<a href="examProgress.html">进度监控</a>
										</li>

										<li>
											<a href="examQuality.html">质量抽查</a>
										</li>

									</ul>
								</li>


								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-list-outline"></i> 成绩管理</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="examReport.html">考试成绩单</a>
										</li>

										<li>
											<a href="examSubReport.html">单科试题得分表</a>
										</li>

										<li>
											<a href="gradeAnalyze.html">年纪成绩分析</a>
										</li>

										<li>
											<a href="classAnalyze.html">班级成绩分析</a>
										</li>

									</ul>
								</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-browsers-outline"></i> 教师讲卷</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="scoreAndPapers.html">成绩与答卷</a>
										</li>

										<li>
											<a href="highScoreComposition.html">高分作文</a>
										</li>

										<li>
											<a href="topicScore.html">试题得分情况</a>
										</li>

										<li>
											<a href="subAnalyzeReport.html">学科分析报表</a>
										</li>
									</ul>
								</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-social-javascript-outline"></i> 用户中心</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="schoolManager.html">学校管理</a>
										</li>

										<li>
											<a href="subManager.html">学科管理</a>
										</li>

										<li>
											<a href="gradeManager.html">年级管理</a>
										</li>

										<li>
											<a href="gradeAndSubManager.html">年级与学科关系维护</a>
										</li>

										<li>
											<a href="teaManager.html">教师管理</a>
										</li>

										<li>
											<a href="classManager.html">班级管理</a>
										</li>

										<li>
											<a href="stuManager.html">学生管理</a>
										</li>

										<li>
											<a href="subAdnClassAnager.html">学科与班级关系维护</a>
										</li>
									</ul>
								</li>

							</ul>
						</nav>
						<!-- End drawer navigation -->

						<div class="drawer-footer">
							<p class="copyright">Copyright &copy; 2020.北京万邦易嵌科技有限公司.<a target="_blank" href="http://www.wanbangee.com">万邦易嵌</a></p>
						</div>
					</div>
					<!-- End drawer scroll area -->
				</aside>
				<!-- End drawer -->

				<!-- Header -->
				<header class="app-layout-header">
					<nav class="navbar navbar-default">
						<div class="container-fluid">
							<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar-collapse"
								 aria-expanded="false">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
								<button class="pull-left hidden-lg hidden-md navbar-toggle" type="button" data-toggle="layout" data-action="sidebar_toggle">
									<span class="sr-only">Toggle drawer</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
								<span class="navbar-page-title">

									查询学校
								</span>
							</div>

							<div class="collapse navbar-collapse" id="header-navbar-collapse">
								<!-- Header search form -->
								<form class="navbar-form navbar-left app-search-form" role="search">
									<div class="form-group">
										<div class="input-group">
											<input id="selectschool" class="form-control" type="search" id="search-input" placeholder="请输入学校名称搜素" />
											<span class="input-group-btn">
												<button id="schoolbut" class="btn" type="button"><i class="ion-ios-search-strong"></i></button>
											</span>
										</div>
									</div>
								</form>

								<ul id="main-menu" class="nav navbar-nav navbar-left">
									<li class="dropdown">
										<a href="#" data-toggle="dropdown">English <span class="caret"></span></a>

										<ul class="dropdown-menu">
											<li><a href="javascript:void(0)">French</a></li>
											<li><a href="javascript:void(0)">German</a></li>
											<li><a href="javascript:void(0)">Italian</a></li>
										</ul>
									</li>
									<li class="dropdown">
										<a href="#" data-toggle="dropdown">Pages <span class="caret"></span></a>

										<ul class="dropdown-menu">
											<li><a href="javascript:void(0)">Analytics</a></li>
											<li><a href="javascript:void(0)">Visits</a></li>
											<li><a href="javascript:void(0)">Changelog</a></li>
										</ul>
									</li>
								</ul>
								<!-- .navbar-left -->

								<ul class="nav navbar-nav navbar-right navbar-toolbar hidden-sm hidden-xs">
									<li>
										<!-- Opens the modal found at the bottom of the page -->
										<a id="test" href="javascript:void(0)" data-toggle="modal" data-target="#apps-modal">666<i class="ion-grid"></i></a>
									</li>

									<li class="dropdown">
										<a href="javascript:void(0)" data-toggle="dropdown"><i class="ion-ios-bell"></i> <span class="badge">3</span></a>
										<ul class="dropdown-menu dropdown-menu-right">
											<li class="dropdown-header">Profile</li>
											<li>
												<a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">3</span> News </a>
											</li>
											<li>
												<a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">1</span> Messages </a>
											</li>
											<li class="divider"></li>
											<li class="dropdown-header">More</li>
											<li>
												<a tabindex="-1" href="javascript:void(0)">Edit Profile..</a>
											</li>
										</ul>
									</li>

									<li class="dropdown dropdown-profile">
										<a href="javascript:void(0)" data-toggle="dropdown">
											<span class="m-r-sm">John Doe <span class="caret"></span></span>
											<img class="img-avatar img-avatar-48" src="assets/img/avatars/avatar3.jpg" alt="User profile pic" />
										</a>
										<ul class="dropdown-menu dropdown-menu-right">
											<li class="dropdown-header">
												Pages
											</li>
											<li>
												<a href="base_pages_profile.html">Profile</a>
											</li>
											<li>
												<a href="base_pages_profile.html"><span class="badge badge-success pull-right">3</span> Blog</a>
											</li>
											<li>
												<a href="frontend_login_signup.html">Logout</a>
											</li>
										</ul>
									</li>
								</ul>
								<!-- .navbar-right -->
							</div>
						</div>
						<!-- .container-fluid -->
					</nav>
					<!-- .navbar-default -->
				</header>
				<!-- End header -->

				<main class="app-layout-content">

					<!-- Page Content -->
					<div class="container-fluid p-y-md">
						<!-- Forms Row -->


						<!-- .col-lg-6 -->

						<div class="col-lg-6">
							<!-- Material Forms Validation -->
							<h2 class="section-title">年级管理</h2>
							<div class="card">
								<div class="card-header">
									<h4>修改年级信息</h4>
									<ul class="card-actions">
										<li>
											<button type="button"><i class="ion-more"></i></button>
										</li>
									</ul>
								</div>
								<div class="card-block">
									<!-- jQuery Validation (.js-validation-material class is initialized in js/pages/base_forms_validation.js) -->
									<!-- For more examples please check https://github.com/jzaefferer/jquery-validation -->
									<form class="js-validation-material form-horizontal m-t-sm" action="base_forms_validation.html" method="post">
										<div class="form-group">
											<div class="col-sm-9">
												<div class="form-material">
													<input class="form-control" type="text" id="graNm" name="" placeholder="请输入年级名称" />
													<label for="val-username2">年级名称</label>
												</div>
											</div>
										</div>

                                             <div class="form-group">
                                             	<div class="col-sm-9">
                                             		<div class="form-material">
                                             			<input class="form-control" type="text" id="schId" name="" placeholder="请输入学校编号" />
                                             			<label for="val-username2">学校编号</label>
                                             		</div>
                                             	</div>
                                             </div>
										
										<div class="form-group">
											<div class="col-sm-9">
												<div class="form-material">
													<input class="form-control" type="text" id="schNm" name="" placeholder="输入学校名称" />
													<label for="val-password2">学校名称</label>
												</div>
											</div>
										</div>



										<div class="form-group">
											<div class="col-sm-9">
												<div class="form-material">
													<select class="form-control" id="graState" name="val-skill2">

														<option value="1">有效</option>
														<option value="0">无效</option>



													</select>
													<label for="val-skill2">学校状态</label>
												</div>
											</div>
										</div>


										<!-- <div class="form-group">
                                                <div class="col-sm-12">
                                                    <div class="form-material">
                                                        <textarea class="form-control" id="val-suggestions2" name="val-suggestions2" rows="3" placeholder="Share your ideas with us.."></textarea>
                                                        <label for="val-suggestions2">Suggestions</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-sm-9">
                                                    <div class="form-material">
                                                        <select class="form-control" id="val-skill2" name="val-skill2">
										<option value="">Please select</option>
										<option value="html">HTML</option>
										<option value="css">CSS</option>
										<option value="javascript">Javascript</option>
										<option value="ruby">Ruby</option>
										<option value="php">PHP</option>
										<option value="asp">ASP.NET</option>
										<option value="python">Python</option>
										<option value="mysql">MySQL</option>
									</select>
                                                        <label for="val-skill2">Best Skill</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-sm-9">
                                                    <div class="form-material">
                                                        <input class="form-control" type="text" id="val-website2" name="val-website2" placeholder="http://example.com">
                                                        <label for="val-website2">Website</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-sm-9">
                                                    <div class="form-material">
                                                        <input class="form-control" type="text" id="val-digits2" name="val-digits2" placeholder="3">
                                                        <label for="val-digits2">Digits</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-sm-9">
                                                    <div class="form-material">
                                                        <input class="form-control" type="text" id="val-number2" name="val-number2" placeholder="3.0">
                                                        <label for="val-number2">Number</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-sm-9">
                                                    <div class="form-material">
                                                        <input class="form-control" type="text" id="val-range2" name="val-range2" placeholder="3" />
                                                        <label for="val-range2">Range [1, 5]</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-xs-12">
                                                    <label><a data-toggle="modal" data-target="#modal-terms" href="#">Terms</a> <span class="text-orange">*</span></label>
                                                </div>
                                                <div class="col-xs-12">
                                                    <label class="css-input css-checkbox css-checkbox-default" for="val-terms2">
									<input type="checkbox" id="val-terms2" name="val-terms2" value="1" /><span></span> I agree to the terms
								</label>
                                                </div>
                                            </div> -->
										<div class="form-group m-b-0">
											<div class="col-xs-12">
												<button id="updategrade" class="btn btn-app" type="submit" style="display:none;">修改</button>
												<button id="insertgrade" class="btn btn-app" type="submit" style="display:none;">新增</button>
												<button id="updateClaState" class="btn btn-app" type="submit" style="display:none;">恢复</button>
												<button style="margin-left:160px;" class="btn btn-app" type="reset">重置</button>
											</div>
										</div><br />
										<!-- <div class="form-group m-b-0">
											    <div class="col-xs-12">
											        <button  id="updateschool" class="btn btn-app" type="reset">重置</button>
											    </div>
											</div> -->
									</form>
								</div>
								<!-- .card-block -->
							</div>
							<!-- .card -->
							<!-- End Material Forms Validation -->
						</div>
						<!-- .col-lg-6 -->

					</div>
					<!-- .row -->
					<!-- End Forms Row -->

					<!-- Terms Modal -->
					<div class="modal fade" id="modal-terms" tabindex="-1" role="dialog" aria-hidden="true">
						<div class="modal-dialog modal-dialog-popin">
							<div class="modal-content">
								<div class="card m-b-0">
									<div class="card-header bg-app bg-inverse">
										<h4>Terms &amp; Conditions</h4>
										<ul class="card-actions">
											<li>
												<button data-dismiss="modal" type="button"><i class="ion-close"></i></button>
											</li>
										</ul>
									</div>
									<div class="card-block">
										<h4 class="m-t">1. <strong>General</strong></h4>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida,
											urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta.
											Integer fermentum tincidunt auctor.</p>
										<h4>2. <strong>Account</strong></h4>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida,
											urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta.
											Integer fermentum tincidunt auctor.</p>
									</div>
								</div>
								<div class="modal-footer">
									<button class="btn btn-sm btn-default" type="button" data-dismiss="modal">Close</button>
									<button class="btn btn-sm btn-app" type="button" data-dismiss="modal"><i class="ion-checkmark"></i> Ok</button>
								</div>
							</div>
						</div>
					</div>
					<!-- End Terms Modal -->
			</div>
			<!-- End Page Content -->

			</main>

		</div>
		<!-- .app-layout-container -->
		</div>
		<!-- .app-layout-canvas -->

		<!-- Apps Modal -->
		<!-- Opens from the button in the header -->
		<div id="apps-modal" class="modal fade" tabindex="-1" role="dialog">
			<div class="modal-sm modal-dialog modal-dialog-top">
				<div class="modal-content">
					<!-- Apps card -->
					<div class="card m-b-0">
						<div class="card-header bg-app bg-inverse">
							<h4>Apps</h4>
							<ul class="card-actions">
								<li>
									<button data-dismiss="modal" type="button"><i class="ion-close"></i></button>
								</li>
							</ul>
						</div>
						<div class="card-block">
							<div class="row text-center">
								<div class="col-xs-6">
									<a class="card card-block m-b-0 bg-app-secondary bg-inverse" href="index.html">
										<i class="ion-speedometer fa-4x"></i>
										<p>Admin</p>
									</a>
								</div>
								<div class="col-xs-6">
									<a class="card card-block m-b-0 bg-app-tertiary bg-inverse" href="frontend_home.html">
										<i class="ion-laptop fa-4x"></i>
										<p>Frontend</p>
									</a>
								</div>
							</div>
						</div>
						<!-- .card-block -->
					</div>
					<!-- End Apps card -->
				</div>
			</div>
		</div>
		<!-- End Apps Modal -->

		<div class="app-ui-mask-modal"></div>

		<!-- AppUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock and App.js -->
		<script src="assets/js/core/jquery.min.js"></script>
		<script src="assets/js/core/bootstrap.min.js"></script>
		<script src="assets/js/core/jquery.slimscroll.min.js"></script>
		<script src="assets/js/core/jquery.scrollLock.min.js"></script>
		<script src="assets/js/core/jquery.placeholder.min.js"></script>
		<script src="assets/js/app.js"></script>
		<script src="assets/js/app-custom.js"></script>

		<!-- Page JS Plugins -->
		<script src="assets/js/plugins/jquery-validation/jquery.validate.min.js"></script>

		<!-- Page JS Code -->
		<script src="assets/js/pages/base_forms_validation.js"></script>

	</body>

</html>
